<script setup lang="ts">
function openUrl(url: string) {
  window.open(url, '_blank');
}
</script>

<template>
  <div class="flex flex-col gap-4">
    <ElRow :gutter="15">
      <ElCol :span="8">
        <ElCard class="caret-wrapper cursor-pointer" @click="openUrl('http://snailjob-server:19090/snail-job')">
          SnailJob控制台
        </ElCard>
      </ElCol>
      <ElCol :span="8">
        <ElCard class="caret-wrapper cursor-pointer" @click="openUrl('http://rabbitmq-server:15672')">
          RabbitMQ控制台
        </ElCard>
      </ElCol>
      <ElCol :span="8">
        <ElCard class="caret-wrapper cursor-pointer" @click="openUrl('http://nacos-server:8848/nacos')">
          Nacos控制台
        </ElCard>
      </ElCol>
    </ElRow>
    <ElRow :gutter="15">
      <ElCol :span="8">
        <ElCard class="caret-wrapper cursor-pointer" @click="openUrl('http://sentinel-server:8858/')">
          Sentinel控制台
        </ElCard>
      </ElCol>
      <ElCol :span="8">
        <ElCard class="caret-wrapper cursor-pointer" @click="openUrl('http://seata-server:7093/')">Seata控制台</ElCard>
      </ElCol>
      <ElCol :span="8">
        <ElCard class="caret-wrapper cursor-pointer" @click="openUrl('http://rocky-server:11880/')">
          SkyWalking控制台
        </ElCard>
      </ElCol>
    </ElRow>
  </div>
</template>

<style scoped></style>
